<template>
  <div class="home">
    <el-tag>标签一</el-tag>
    <el-tag :closed="closed" type="success">标签一</el-tag>
    <el-tag :closed="closed" type="warning">标签一</el-tag>
    <el-tag :closed="closed" type="info">标签一</el-tag>
    <el-tag type="danger">标签一</el-tag>
    {{ value }}
    <el-input v-model="value" placeholder="请输入内容" :type="type"></el-input>
  </div>
</template>

<script>
// @ is an alias to /src
import ElInput from '../components/el-input.vue'
/**
 * 1. 如果给一个自定义组件，传递属性，那么这个属性会默认出现在自定义组件的最外层的元素上
 */
export default {
  name: 'HomeView',
  data() {
    return {
      value: '',
      type: 'danger',
      closed: true,
    }
  },
  components: {
    ElInput,
  },
}
</script>
